//wyn base
$color-light: #fff;
$color-black: black;
$color-gray: rgba(51, 51, 51, 1);
$color-bg-gray: rgb(240, 242, 245);
$font-family-team: PingFangSC-Medium; //字体
$ios-title-font-size: 1.8rem; //标题文字
$border-radios: 0.5rem; //按钮radios
$shadow: 0 0 1rem 0.2rem rgba($color: #98bde6, $alpha: 0.25);

@mixin teamPublic() {
  ion-title {
    padding-bottom: 0 !important;
    top: 1rem !important;
    height: inherit !important;
  }
}

%spanButtonInner {
  button span.button-inner {
    display: inline-block;
    font-size: 2.1rem;
    color: #a3a3bf !important;
  }
}

//标题
%ionTitle {
  ion-title {
    padding-bottom: 0 !important;
    top: 1rem !important;
    height: inherit !important;
  }
}

%toolbarBackground {
  & {
    padding: 0 !important;
    min-height: 0 !important;
    box-shadow: none !important;
  }

  .toolbar-background {
    //取消默认的 顶部下划线
    border: none !important;
  }
  & > div {
    background: $color-light !important;
  }
}

@mixin publicButton($margin) {
  button.button-ios.join-team {
    width: 30rem;
    height: 4.8rem;
    margin: $margin !important;

    border-radius: $border-radios;
    font-size: 1.6rem;
    color: $color-light;
    background: linear-gradient(to right, #7c7bf8, #5aa9fc);
  }
}

//团队列表
%ionList {
  margin-top: 1.8rem;
  //列表
  & > ion-item {
    width: 34.3rem;
    height: 8.8rem;
    margin: 1.4rem auto 0 auto;
    padding-left: 2.2rem;

    font-family: $font-family-team;
    border: none !important;
    border-radius: $border-radios;
    background: $color-light;
    //团队头像
    ion-avatar {
      margin-right: 1.4rem !important;
      img {
        width: 6rem;
        height: 6rem;
      }
    }
    & > .item-inner {
      border: none !important;
      padding: 0 !important;
      ion-label {
        height: 100%;
        padding-top: 2.5rem !important;
        //团队名称
        .teamName {
          font-size: 1.4rem;
          color: #65666c;
        }
        //团队人数
        .teamName ~ p {
          font-size: 1.4rem;
          color: rgba(153, 153, 153, 1);
        }
        //右箭头
        .teamName ~ p ~ ion-icon {
          position: absolute;
          top: 3.32rem;
          right: 0.86rem; 
        }
        .ion-ios-qianjin:before {
          color: rgb(170, 170, 196);
        }
      }
    }
  }

  //item 左边的装饰线
  & > ion-item::before {
    content: " ";
    position: absolute;
    left: 0;

    width: 0.8rem;
    height: 8.8rem;
    background: rgb(124, 123, 248);
  }

  & > ion-item.bg-toggle::before {
    background: rgb(90, 169, 252);
  }
}
